.errorlist {
    color: red;
}
.table-row-margin {
  margin-top: 0px;
  margin-bottom: 0px;
}
body { font-family: 'Arial',"Microsoft YaHei", sans-serif}
footer.bs-docs-footer
{
    margin-top:20px
}

/*Kline*/
.klineBodyOuter{
	margin-top: 5px;
	display: inline-block;
	width:100%;
	text-align: center;
	background: #fff;
	border: 1px solid #e6e6e6; /* rgba(169,191,205 ,0.7);*/ /* 1px, solid 颜色 */
}

.klineBodyOuter .inner{
	width: 100%;
	height: 56px;
}

.klineBodyOuter .inner .market {
	float: left;
	width:60%;
	margin-left: 20%;
	margin-bottom: 0px;
	margin-top: 5px;
    position:absolute;
}

.klineBodyOuter .dataPart{
	width: 100%;
	display: inline-block;
	background: #eef4f8;
}

 .CUR_TITLE{
	float: left;
	text-align: left;
	display: inline-block;
	height: 56px;
	line-height: 56px;
}

.CUR_TITLE span{
	font-size: 26px;
	font-weight:bold;
	color: #1fb9ca; //blue;
//	line-height: 56px;
	margin-left: 10px;
}

.klineBodyOuter .dataPart .CUR_TITLE span em{
	margin-left: 25px;
}
.klineBodyOuter .dataPart .CUR_TITLE span img {
	height: 30px;
	width: 30px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.klineBodyOuter .dataPart .CUR_TITLE p{
	font-size: 16px;
	color: #999;
}

.klineBodyOuter .dataPart a.checkMore{
	float: right;
	line-height: 16px;
	margin-top: 20px;
	margin-right: 30px;
	color: #0096df;
	font-size: 12px;
	text-decoration: none;  /*a 无下划线*/
}


.klineBodyOuter .market dl{
	float: left;
	width: 20%;
	text-align: left;
    margin:0px 0px 0px 0px!important;
}

.klineBodyOuter .market dd{
    float:left
	font-size: 12px;
	color: #ababab;
}

.klineBodyOuter .market dt{
	font-size:20px;
	color: #333;
    width:100%;
    height:32px;
  //  background:#ccc;
}
.klineBodyOuter .market dt span{
	font-size: 12px;
	color: #333;
    height:32px;
  //  background:#ccc;
}

.klineBodyOuter .inner .pair_key {
	float: left;
	width: 20%;
}

.klineBodyOuter .pair_key img {
    height: 22px;
    width: 22px;
    float: left;
    margin-top: 19px;
    margin-left: 20px;
    margin-right: 2px;
}


.klineBodyOuter .pair_key .cointext{
//	width:200px;
    float:left;
	margin-top: 10px;
 //   position:absolute;
}
.klineBodyOuter .pair_key .coin0 {
    float:left;
	font-size:30px;
	font-weight:bold;
	color: #1fb9ca; //blue;
}
.klineBodyOuter .pair_key .coin1{
    float:left;
	font-size:14px;
	font-weight:bold;
	color:gray;
	margin-top: 14px;
	margin-left: 5px;
}

.klineBodyOuter .market dt em {
    font-style:normal!important;
}

.klineBodyOuter .market dd.red,.klineBodyOuter .market dt.red{
	color: #e83e35;
}

.klineBodyOuter .market dd.green,.klineBodyOuter .market dt.green{
	color: #269b36;
}
.klineBodyOuter .changeStyle{
	float: left;
	padding: 24px 0px 0px 4.8%;
	width: 244px;// width: 244px;
}

.klineBodyOuter .changeStyle a{
	width: 35%; // width: 100px;
	height: 32px;
	color: #FF;
	display: inline-block;
	line-height: 32px;
	border-radius: 3px 3px 0px 0px;
	text-decoration: none;
	margin: 0px 10px;
	background: #cdd6db;
}

.klineBodyOuter .changeStyle a.cur{
	background: #fff;
	color: #333;
}

.klineBodyOuter .checkMoreInfo{
	line-height: 20px;
	margin-bottom: 30px;
}

.klineBodyOuter .checkMoreInfo a{
	font-size: 14px;
	color: #fff;
}


/* some func */

.f-cb:after,.f-cbli li:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:".";}
.f-cb,.f-cbli li{zoom:1;}
.f-ib{display:inline-block;*display:inline;*zoom:1;}
.f-dn{display:none;}
.f-db{display:block;}
.f-fl{float:left;}
.f-fr{float:right;}
.f-fc{text-align:center!important;}
.f-center{text-align:center!important;}
.f-right{text-align:right!important;}
.f-left{text-align:left!important;}
.f-pr{position:relative;}
.f-prz{position:relative;zoom:1;}
.f-nomargin{margin:0!important;}
.f-noborder{border:none!important;}
.f-pz{padding:0!important;}
.f-fb{font-weight:bold;}
.blue{color:#1fb9ca!important;}
.green{color:#70a800!important;}
.yellow{color:#e8b342!important;}
.magenta{color:#ea0070!important;}
.gray{color:gray!important;}
.black{color:black!important;}
.f-bg-f4{background-color:#f4f4f4;}

.svg_green svg path, .svg_green svg polygon {
    fill:#70a800!important;
}
.svg_black svg path, .svg_black svg polygon {
    fill: black!important;
}
.svg_gray svg path, .svg_gray svg polygon {
    fill: gray!important;
}
.svg_red svg path, .svg_red svg polygon {
	fill:#ff007a!important; //粉红色
}

.wrap{background:#fff;min-width:1200px;}
//.container{width:1200px;margin:0 auto;}
//.midContainer{width:960px;margin:0 auto;}

/*detail begin*/
.main{
	background:#f9f9f9;
	height:690px;
}
.main .container{
   // background:white;
	padding-bottom: 0px;
	padding-top: 0px;
}
.main .main-body {
	padding:0;
}

.main .main-body .main-middle{
	padding:0;
}
.main .main-body .main-right{
	left:0;
	top:0;
	float:right;
	background:white;
	padding:0;
}

.depths {
	background: #fff;
	border: 1px solid #e6e6e6;
    margin: 0px 0px 0px 5px;
}
.depths span{z-index: 2;position: relative;}
.depths td{position: relative;}
.volume_bg {
	position: absolute;
	top: 0px;
	bottom: 1px;
	right: 0;
	width: 0px;
	z-index: 1;
}
.bidTable .volume_bg{
	background-color: #eff7e4 !important;
}
.askTable .volume_bg{
	background-color: #faebf2 !important;
}
.depths .arrow-justify {
	color:#1fb9ca
}
.depths .arrow-down {
	color:#ff007a
}
.depths .arrow-up {
	color:#70a800
}

.depths .depthstitle {
	padding: 4px;
	background-color: #f4f4f4;
}
.depths .depthstitle .select {
	float: right;
}
.depths .depthstitle * {
	display: inline-block;
	vertical-align: middle;
}
.f-fr {
	float: right;
}

.depths .depthstitle .select label {
	font-size: 12px;
	color: #999;
}

.depths .depthstitle * {
	display: inline-block;
	vertical-align: middle;
}
label, summary {
	cursor: default;
}
.depths .depthstitle .select select {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #333;
	line-height: 100%;
	height: 20px;
	line-height: 20px;
	background: #fff;
	border: 1px solid #e9e9e9;
}
.depths .depthstitle * {
	display: inline-block;
	vertical-align: middle;
}
.depths .newest {
	padding: 5px;
	background: #f7f7f7;
	overflow: hidden;
	text-align: center;
}
.depths .newest>strong {
	font-size: 18px;
	color: #666;
	line-height: 20px;
}

.depths span {
	z-index: 2;
	position: relative;
}
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 5px;
}


.body .table {
	border: none;
	width: 100%;
}
.body table * {
	box-sizing: border-box;
}

.depths .table {
    margin:0px!important; //因为boostrap table margin-bottom = 20px
}
.depths .table th {
	color: #999;
	font-weight: normal;
	height: 20px;
	line-height: 20px;
}
.main-body .table th, .main-body .table td {
	padding: 0 3px!important;
	font-size: 12px;
	line-height: 1.5;
	border: none;
}
.depths .table th {
	background: none;
}

.depths .depths-wrap {
	position: relative;
	height: 250px;
	overflow: hidden;
	overflow-anchor: none;
	transition: height .3s;
	-moz-transition: height .3s;
	-webkit-transition: height .3s;
	-o-transition: height .3s;
}

.depths .askTable {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.depths .table th, .depths .table td {
	padding: 0 3px!important;
	font-size: 12px;
	line-height: 1.5;
	border: none;
}

.depths .table td {
	color: #666;
}
.depths .table th, .depths .table td {
	padding: 0 3px!important;
	font-size: 12px;
	line-height: 1.5;
	border: none;
}
.depths .table td {
	color: #666;
}
.depths .table th, .depths .table td {
	padding: 0 3px!important;
	font-size: 12px;
	line-height: 1.5;
	border: none;
}
<!-- history begin -->


.history-title{overflow:hidden;}
.history-title a,.history-title a:visited{float:right;text-decoration:underline;font-size:12px;color:#262d33;}
.history-title.border-btm{border-bottom:1px solid #eed59b;}
.history-title .f-fr{width:auto!important;color:#999;}
.history-title {
	//color:#AAAAAA;
	font-weight:bold;
	background-color: #f4f4f4;
	padding:0 5px 0 5px;
}

.tradehistory {
	border: 1px solid #e6e6e6;
    margin: 5px 0px 0px 5px;
    height:482px;
    overflow-y:hidden;
    }

.tradehistory .table {
    margin-bottom:0px!important; //因为boostrap table margin-bottom = 20px
}
.tradehistory  .table th, .tradehistory .table td {
	padding: 0 3px!important;
	font-size: 12px;
	line-height: 1.5;
	border: none;
}


.tradehistory .table th, .tradehistory .table td {
	padding: 0 3px!important;
	font-size: 12px;
	line-height: 1.5;
	border: none;
}

.main .main-body .main-left{
	background-color:white;
}

.trade_kline {
    margin-bottom: 5px;
//	border:1px solid #e6e6e6;
}

.trade_form_fl {
	border:1px solid #e6e6e6;
	background-color:#f6f6f6;
    margin-right:2px;
}
.trade_form_fr {
	border:1px solid #e6e6e6;
    margin-left:3px;
	background-color:#f6f6f6;
}
.my_order {
	padding:0px!important;
	overflow: hidden;
	border-top:0px solid white;
	border-bottom:2px solid white;
	border-right:5px solid white;
	border-left:5px solid white;
	background-color:#F7F7F7;
}

.trade_order table tbody {
    display:block;
    height:186px;
    overflow-y:scroll;
}

.trade_order table thead, .trade_order tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}

::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background-color:#f1f1f1;}
::-webkit-scrollbar-thumb{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:active {background-color:#FFF}


.trade_order {
	padding-top:5px!important;
}


.trade_order .panel-title {
    font-size: 14px;
	font-weight:bold;
    color: gray;
}

#myTabContent {
	overflow: auto;
	//height: 340px;
	//height: 100%;
}

.my_order > .nav-pills > li > a {
	padding-top:5px;
	padding-bottom:5px;
}

#balances .svg {
    text-align:left;
    float:left;
    cursor:text;
    width:16px;
    height:16px;
}
//#balances td {
//    font-size:16px;
//    border-bottom: 1px solid #e6e6e6;
//    background: white;
//}
.panel-bm .panel-heading {
    background-color: #f5f5f5;
    border-color: #ddd;
    border-bottom: 0;
    line-height: 21px;
    padding: 10px 20px;
}
.panel-bm .panel-heading-title {
    color: #000;
    font-size: 16px;
}
.panel-bm .panel-heading-corner {
    float: right;
    font-size: 12px;
    color: #262626;
}
.panel-bm .panel-heading-corner .icon-arrow-right {
    margin-left: 5px;
}
.panel-bm .panel-body {
    padding: 20px;
}
.page-nav {
    text-align: center;
}
.indexBlockList .panel-body {
    //  height: 481px;
    overflow: hidden;
}
.indexBlockList .table {
    margin-bottom: 0;
}
.indexBlockList .table>thead>tr>th, .indexBlockList .table>tbody>tr>th, .indexBlockList .table>tfoot>tr>th, .indexBlockList .table>thead>tr>td, .indexBlockList .table>tbody>tr>td, .indexBlockList .table>tfoot>tr>td {
    border-top: 0;
    border-bottom: 1px solid #e6e9ee;
    height: 40px;
    vertical-align: middle;
}
.indexBlockList .table>thead>tr>th, .indexBlockList .table>tbody>tr>th, .indexBlockList .table>tfoot>tr>th {
    border-top: 0;
    padding: 0 8px;
    font-size: 14px;
    line-height: 18px;
    color: #aaa;
}

.main_body {
    //background: #f5f5f5;
    background: #e6e9ee;
    //background-color: #f5f5f5f; // bg old
    //background-color: #e6e9ee;
    min-height: 760px;
}
.breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "/ ";
    padding: 0 5px;
}

#get_curr_order .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	font-size: 12px;
    padding: 2px;
}
#get_order_history .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	font-size: 12px;
    padding: 2px;
}
#get_balances .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
	font-size: 12px;
    padding: 2px;

}
